<template>
    <div>
        <el-menu :default-active="$route.path" class="el-menu-vertical-demo"
            style="width: 200px;min-height:calc(100vh - 50px)" router :unique-opened="true">
            <el-submenu index="3">
                <template #title>预约管理</template>
                <el-menu-item index="/appointment">预约</el-menu-item>
                <el-menu-item index="/appointmentSign">预约详情</el-menu-item>
            </el-submenu>
            <el-submenu index="1" >
                <template #title>系统管理</template>
                <el-menu-item v-if="user.role === 1" index="/user">用户管理</el-menu-item>
                <el-menu-item index="/person"> 个人信息</el-menu-item>
            </el-submenu>
            <el-submenu index="2" >
                <template #title>测试管理</template>
                <el-menu-item index="/course">课程管理</el-menu-item>
                <el-menu-item index="/question">题目管理</el-menu-item>
                <el-menu-item index="/paper">试卷管理</el-menu-item>
                <el-menu-item index="/exam">考试管理</el-menu-item>
                <el-menu-item index="/sign">报名管理</el-menu-item>
                <el-menu-item index="/StudentPaper">阅卷管理</el-menu-item>
            </el-submenu>
            <!-- <el-submenu index="3">
                <template #title>预约管理</template>
                <el-menu-item index="/appointment">预约</el-menu-item>
                <el-menu-item index="/appointmentSign">预约详情</el-menu-item>
            </el-submenu> -->
            <el-submenu index="4">
                <template #title>活动管理</template>
                <el-menu-item index="/activity">活动</el-menu-item>
                <el-menu-item index="/activitySign">活动详情</el-menu-item>
            </el-submenu>
            <!-- <el-menu-item index="/book">书籍管理</el-menu-item> -->
            <el-submenu index="5">
                <template #title>文章管理</template>
                <el-menu-item index="/news">文章</el-menu-item>
                <el-menu-item index="/comment">评论管理</el-menu-item>
            </el-submenu>
            <el-submenu index="6" v-show="false">
                <el-menu-item index="/home"></el-menu-item>
            </el-submenu>
        </el-menu>
    </div>
</template>

<script>
import request from '@/utils/request';
export default {
    data() {
        return {
            user: {},

        }
    },
    created() {
        let userStr = sessionStorage.getItem("user") || "{}"
        this.user = JSON.parse(userStr)
        request.get("/user/" + this.user.id).then(res => {
            if (res.code === '0') {
                this.user = res.data
            }
        }

        )
    },
    methods: {
        handleOpen() {
        },
        handleClose() {
        },
    },
};
</script>

<style>

</style>